.categories-img {
    width: 100%; /* Sets the width of the div to 100% of its container */
    height: 250px; /* Set a fixed height */
    overflow: hidden; /* Ensures no part of the image spills out */
}

.categories-img img {
    width: 100%; /* Ensures image takes the full width of the div */
    height: 100%; /* Ensures image takes the full height of the div */
    object-fit: cover; /* Ensures the aspect ratio is maintained while filling the area */
    object-position: center; /* Centers the image within the div */
}

/* Responsive adjustments for screens smaller than 768px, typically mobile devices */
@media (max-width: 767px) {
    .categories-img {
        height: 150px; /* Adjusted height for mobile devices */
    }

    .ad-price{
        font-size: 16px;
    }

}